@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?7kkyc2');
    src: url('../fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?7kkyc2') format('truetype'), url('../fonts/icomoon.woff?7kkyc2') format('woff'), url('../fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.page-main {
    background-color: #f5f5f5;
}

.home-main {
    padding-top: 4px;
    padding-bottom: 12px;
}

.home-flashsale {
    position: relative;
}

.xm-plain-box,
.box-hd {
    position: relative;
    height: 58px;
}

.xm-plain-box .box-hd .title {
    font-size: 22px;
    font-weight: 200;
    line-height: 58px;
    color: #333;
}

.home-flashsale .rainbow-item-4 {
    border-top-color: #e53935;
}

.home-flashsale .flashsale-countdown {
    height: 300px;
    padding-top: 39px;
    border-top-width: 1px;
    border-top-style: solid;
    background: #f1eded;
    text-align: center;
}

.home-flashsale .flashsale-countdown .round {
    font-size: 21px;
    padding-top: 15px;
    color: #ef3a3b;
}

.flashsale-countdown img {
    margin: 25px auto;
}

.flashsale-countdown .desc {
    font-size: 15px;
    color: rgba(0, 0, 0, .5);
}

.flashsale-countdown .countdown {
    width: 168px;
    margin: 28px auto 0;
}

.flashsale-countdown .countdown span {
    position: relative;
    float: left;
    width: 46px;
    height: 46px;
    background: #605751;
    color: #fff;
    font-size: 24px;
    line-height: 46px;
}

.flashsale-countdown .countdown i {
    float: left;
    width: 15px;
    height: 46px;
    line-height: 46px;
    font-size: 28px;
    color: #605751;
}

.swiper-wrapper .swiper-slid {
    float: left;
    width: 234px;
    height: 339px;
    margin-right: 14px;
    background: red;
    border-top-width: 1px;
    border-top-style: solid;
    background: url(../upload/小米1_r2_c2.png) no-repeat #fff;
    background-position: 18px 39px;
}

.one1 {
    border-top-color: #FFAC13;
}

.one2 {
    border-top-color: #83C44E;
}

.one3 {
    border-top-color: #2196F3;
}

.one4 {
    border-top-color: #E53935;
    margin-right: 0 !important;
}

.swiper-controls {
    position: absolute;
    right: 0;
    top: 24px;
    display: table;
    word-wrap: none;
}

.swiper-flashsale-prev:hover,
.swiper-flashsale-next:hover {
    cursor: pointer;
    color: rgb(255, 103, 0);
}

.swiper-flashsale-prev,
.swiper-flashsale-next {
    display: inline-block;
    width: 24px;
    height: 16px;
    padding: 3px 5px;
    border: 1px solid #e0e0e0;
    font-size: 20px;
    text-align: center;
    line-height: 16px;
    color: #b0b0b0;
}

.swiper-flashsale-prev {
    border-right: 0;
}

.home-banner-box {
    height: 120px;
    margin: 22px 0;
    overflow: hidden;
}


/* 手机 */

.home-brick-box {
    margin-bottom: 8px;
}

.home-brick-box .box-hd {
    position: relative;
    height: 58px;
}

.home-brick-box .more {
    position: absolute;
    top: 0;
    right: 0;
}

.home-brick-box .more {
    font-size: 16px;
    line-height: 58px;
    color: #424242;
}

.home-brick-box .more i {
    width: 12px;
    height: 12px;
    padding: 4px;
    margin-left: 8px;
    background: #b0b0b0;
    border-radius: 16px;
}

.brick-promo-list {
    margin: 0 0 -14px -14px;
    height: 614px;
}

.brick-item-l img {
    height: 614px;
}

.brick-item {
    position: relative;
    margin: 0 0 14px 14px;
    height: 614px;
}

.brick-list {
    width: 992px;
    height: 614px;
}

.brick-list .brick-item {
    float: left;
    width: 234px;
    height: 260px;
    padding: 20px 0;
    background: #fff;
}

.brick-list .figure {
    width: 160px;
    height: 160px;
}

.figure-img {
    margin: 0 auto 18px;
}

.brick-item .title {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    text-align: center;
}

.brick-item .desc {
    height: 18px;
    font-size: 12px;
    color: #b0b0b0;
    text-align: center;
    margin: 0 10px 10px;
}

.brick-item .price {
    margin: 0 10px 14px;
    text-align: center;
    color: #ff6700;
}


/* 页脚 */

.site-footer .footer-service {
    padding: 27px 0;
    border-bottom: 1px solid #e0e0e0;
}

.footer-service li {
    float: left;
    width: 19.8%;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-right: 1px solid #e0e0e0;
}

.footer-service li:last-child {
    border-right: 0;
}

.footer-service li a {
    color: #616161;
}

.footer-service .iconfont-tool {
    font-family: "icomoon";
    font-size: 24px;
    margin-right: 6px;
    vertical-align: -4px;
}

.footer-service .iconfont-tool::before {
    content: "\e991";
}

.footer-service li:nth-child(2) .iconfont-tool::before {
    content: "\e93e";
}

.footer-service li:nth-child(3) .iconfont-tool::before {
    content: "\e93e";
}

.footer-service li:nth-child(4) .iconfont-tool::before {
    content: "\e99f";
}

.footer-service li:nth-child(5) .iconfont-tool::before {
    content: "\e947";
}

.footer-links {
    padding: 40px 0;
}

.footer-links .col-links {
    float: left;
    width: 160px;
    color: #424242;
}

.footer-links .col-links dt {
    margin: -1px 0 26px;
}

.footer-links .col-links dd {
    margin-top: 10px;
    font-size: 12px;
}

.footer-links .col-links dd a {
    color: #757575;
}

.col-links dd a:hover {
    color: #ff6700;
    cursor: pointer;
}

.col-contact {
    float: right;
    width: 251px;
    border-left: 1px solid #e0e0e0;
    text-align: center;
    color: #616161;
}

.col-contact p {
    font-size: 12px;
    margin-bottom: 5px;
}

.col-contact .phone {
    font-size: 22px;
    line-height: 1;
    color: #ff6700;
}

.btn-line-primary {
    display: inline-block;
    width: 118px;
    height: 28px;
    font-size: 12px;
    border: 1px solid #ff6700;
    line-height: 28px;
    color: #ff6700;
}

.btn-line-primary:hover {
    background-color: #ff6700;
    color: #fff;
}

.follow {
    margin-top: 10px;
}

.follow a {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../upload/wb.png) no-repeat 50% 0;
    background-size: contain;
    vertical-align: -6px;
    margin-left: 6px;
}

.follow .wx {
    background: url(../upload/wx.png) no-repeat 50% 0;
    background-size: contain;
}

.btn-line-primary em::before {
    font-family: 'icomoon';
    content: '\e96e';
    margin-right: 6px;
}


/* 固定定位 */

.home-tool-bar {
    position: fixed;
    bottom: 70px;
    right: 0;
    background-color: #fff;
    z-index: 100;
}

.home-tool-bar .item:hover {
    color: #ff6700;
}

.home-tool-bar .item {
    position: relative;
    display: block;
    width: 82px;
    height: 92px;
    background-color: #fff;
    border: 1px solid #f5f5f5;
    text-align: center;
    color: #757575;
}

.home-tool-bar .icon {
    font-family: 'icomoon';
    width: 30px;
    height: 30px;
    margin: 0 auto 8px;
    font-size: 25px;
    padding-top: 18px;
    margin: 0 auto 8px;
}

.item .text {
    font-size: 14px;
}

.home-tool-bar .item:last-child {
    margin-top: 14px;
}